<template> 
        
        <mt-tabbar>
                <mt-tab-item>
                    <div @click='tab()' class='active'>
                        <i class='iconfont icon-weibiaoti1'></i>
                        首页
                    </div>
                </mt-tab-item>
                <mt-tab-item>
                        <div @click='tab()'>
                        <i class='iconfont icon-gaoxiao'></i>
                        段子
                        </div>
                </mt-tab-item>
                <mt-tab-item>
                        <div @click='tab()'>
                        <i class='iconfont icon-yinyue'></i>
                        音乐
                  </div>
                </mt-tab-item>
                <mt-tab-item>
                        <div @click='tab()'>
                        <i class='iconfont icon-shu'></i>
                        书橱
                  </div>
                </mt-tab-item>
                <mt-tab-item>
                        <div @click='tab()'>
                        <i class='iconfont icon-shequ'></i>
                  家园
                  </div>
                </mt-tab-item>
                <mt-tab-item>
                        <div @click='tab()'>
                        <i class='iconfont icon-wo'></i>
                        我的
                  </div>
                </mt-tab-item>
              </mt-tabbar>
</template>

<script>
    export default {
        name: 'Menu',
        data() {
            return {
                shift: 'movies'
                // msg: 'Welcome to Your Vue.js App'
            }
        },
        methods:{
            tab:()=>{
                console.log(1111)
            }
        },
        mounted() {
            
            //     this.$axios({
            //     method: 'get',
            //     url: "/duanzi//satinApi?type=1&page=1",
            // }).then((response) => {
            //     console.log('段子消息-----', response)
            //     if (response.status == 200) {
            //         this.agencyList = response.data.data.data.items;
            //     }
            // }).
            //     catch((err) => {
            //         console.log('err消息------', err)
            //     })
        }
    }
</script>

<style scoped lang='less'>
   @import "./menu.less";
</style>